<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/css_reset.css">
</head>
	<style type="text/css">
		.container a img{
			width: 56px;	
		}
		.size-header{
			width: 100%;
			height: 100px;
			/*background-color: red;*/
		}
		.container{
			width: 1439px;
			/*background-color: green;*/
			margin: 0 auto;
		}
		
		.container .nav-logo{
			float: left;
			margin-top: 25px;
		}
		.nav-logo a{
			display: block;
			width: 56px;
			height: 56px;
		}
		.size-header .nav-list{
			float: left;
			width: 950px;
			height: 88px;
			padding: 12px 0px 0px 30px;
		}
		.nav-list li{
			float: left;
			font-size: 16px;
			font-weight: 500;
		}
		.nav-list li a{
			display: block;
			color: black;
			padding: 28px 15px 38px;
		}
		.clearbox::after{
			content:'';
			clear: both;
			display: block;
		}
		.size-search{
			float: right;
			width: 296px;
			margin: 25px;
		}
		.size-search form{
			position: relative;
			height: 50px;
			width: 296px;
		}
		.size-search form input.form-text{
			width: 223px;
			height: 48px;
			border: 1px solid #e0e0e0;
			padding: 0 10px;
			float: left;
		}
		.size-search form input.form-submit{
			width: 49px;
			height: 50px;
			border: 1px solid #e0e0e0;
			float: left;
			font-size: 20px;
			margin-left: -1px;
		}
		.size-search .defult-search{
			position: absolute;
			font-size: 14px;
			top: 14px;
			right: 70px;
		}
		.size-search .defult-search span{
			background-color: #eee;
			padding: 0 10px;
			color: #757575;
		}
		.size-search .defult-search span:hover{
			cursor: pointer;
			background-color: #ff6700;
			color: #fff;
		}

	</style>
<body>
	<div class="size-header">
		<div class="container clearbox">
			<div class="nav-logo">
				<a href="#">
					<img src="images/logo.png">
				</a>
			</div>
			<ul class="nav-list">
				<li>
					<a href="#">全部商品分类</a>
				</li>
				<li>
					<a href="#">小米手机</a>
				</li>
				<li>
					<a href="#">红米</a>
				</li>
				<li>
					<a href="#">电视机</a>
				</li>
				<li>
					<a href="#">笔记本</a>
				</li>
				<li>
					<a href="#">家电</a>
				</li>
				<li>
					<a href="#">新品</a>
				</li>
				<li>
					<a href="#">路由</a>
				</li>
				<li>
					<a href="#">智能硬件</a>
				</li>
				<li>
					<a href="#">服务</a>
				</li>
				<li>
					<a href="#">社区</a>
				</li>
			</ul>
			<div class="size-search">
				<form>
					<input type="text" name="" class="form-text">
					<input type="submit" name="" value="搜索" class="form-submit">
					<div class="defult-search">
						<span>小米10</span>
						<span>小米10 LG</span>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>